﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChartScoreDiffic.aspx.cs" Inherits="Web.ChartScoreDiffic" %>
<%@ Register src="ChartHeader.ascx" tagname="ChartHeader" tagprefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/style_a/web.css" type="text/css" rel="stylesheet" media="screen" />
    <link href="css/style_a/print.css" type="text/css" rel="stylesheet" media="print" />
    <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="js/JScharts/jscharts_mb.js" type="text/javascript"></script>
    <script type="text/javascript">
        function randomColor() {	
            var arrHex = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
            var strHex = "#";
            var index;
            for(var i = 0; i < 6; i++) {
                index = Math.round(Math.random() * 15);
                strHex += arrHex[index];
            }	
            return strHex;
        }
        $(function() {
            var pieData = new Array(<%= piechart %>);
            var pieChart = new JSChart('PieChart', 'pie');
            pieChart.patchMbString();
            pieChart.setDataArray(pieData);
            pieChart.setTitle('试题难易度分布情况');
            pieChart.setTitleColor('#8E8E8E');
            pieChart.setTitleFontSize(12);
            pieChart.setPieUnitsFontSize(9);
            pieChart.setPieValuesFontSize(8);
            pieChart.setPieValuesColor('#fff');
            pieChart.setPieUnitsColor('#969696');
            pieChart.setSize(350, 321);
            pieChart.setPieRadius(95);
            pieChart.setBackgroundImage('images/chart_bg_small.jpg');
            pieChart.draw();

            var barData = new Array(<%= barchart %>);
            var barChart = new JSChart('BarChart', 'bar');
             var colors = [];
            for(var i = 0;i<barData.length;i++)
            {
                colors[i] = randomColor();
            }
            barChart.patchMbString();
            barChart.setDataArray(barData);
            barChart.colorizeBars(colors);
            barChart.setTitle('不同难度答题情况');
            barChart.setTitleColor('#8E8E8E');
            barChart.setTitleFontSize(12);
            barChart.setAxisNameX('');
            barChart.setAxisNameY('%');
            barChart.setAxisColor('#c6c6c6');
            barChart.setAxisNameColor('#999');
            barChart.setAxisNameFontSize(9);
            barChart.setBarValuesColor('#2F6D99');
            barChart.setBarValuesFontSize(9);
            barChart.setAxisValuesFontSize(9);
            barChart.setAxisWidth(1);
            barChart.setBarSpacingRatio(20);
            barChart.setSize(350, 321);
            barChart.setBackgroundImage('images/chart_bg_small.jpg');
            barChart.draw();
        });
    </script>
</head>
<body>
<form id="form1" runat="server">
<uc1:ChartHeader ID="ChartHeader1" runat="server" />
<div id="main">
  <ul class="control">
    <li class="home"><a href="ChartScoreMain.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="首页">首页</a></li>
    <li class="prev"><a href="ChartScoreQuestType.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="上一页">上一页</a></li>
    <li class="next"><a href="ChartScoreAnswerAnalyze.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="下一页">下一页</a></li>
    <li class="end"><a href="ChartScoreEnd.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="末页">末页</a></li>
  </ul>
  <ul id="page">
    <li class="every">    
    <div class="module-t">
        <h3>应试能力—难度表现</h3>
        <em class="num">
            <span class="num_curr">6</span>
            <span class="num_total">/8</span>
        </em>
    </div>
      <div class="module-c">
        <table class="module_table">
            <thead>
            <tr>
            <th width="20%">试题难度</th>
            <th width="10%">题量</th>
            <th width="10%">分值</th>
            <th width="12%">个人得分</th>
            <th width="12%">个人得分率</th>
            <th width="12%">班级得分率</th>
            <th width="12%">年级得分率</th>
            <th width="12%">学区得分率</th>
            </tr>
            </thead>
            <tbody id="DifficList" runat="server"></tbody>
        </table>
        <ul class="module_stat">
          <li class="fl">
            <div class="module-c" id="PieChart"></div>
          </li>
          <li class="fr">
            <div class="module-c" id="BarChart"></div>
          </li>
        </ul>
      </div>
     </li>
    </ul>
    <ul class="control">
    <li class="home"><a href="ChartScoreMain.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="首页">首页</a></li>
    <li class="prev"><a href="ChartScoreQuestType.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="上一页">上一页</a></li>
    <li class="next"><a href="ChartScoreAnswerAnalyze.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="下一页">下一页</a></li>
    <li class="end"><a href="ChartScoreEnd.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="末页">末页</a></li>
    </ul>
</div>
<div id="foot">CopyRight 2011 海淀教育考试培训中心</div>
</form>
</body>
</html>
